$(function() {
	const userData = JSON.parse(localStorage.getItem('userData'));

	//加载头像
	// $('.avatar').attr('src',`${baseURL}`+userData.avatar)

	//加载昵称
	$('.name').text(userData.nickName)

	// 加载所有文章
	function loadAllArticle() {
		$.ajax(baseURL + '/posts', {
			method: 'get',
			success: function(res) {
				//所有分类
				let categories = new Map();

				res.records.forEach((item, key) => {
					const t = moment(item.createAt).format('YYYY-MM-DD');
					item.createAt = t;
					categories.set(item.category._id, item.category.title);
					item.state = item.state === 1 ? '已发布' : '草稿';
				})
				const htmlStr = template('templateAllArticleTr', {
					'results': res.records,
					'baseURL': baseURL
				});
				$('tbody').append(htmlStr);

				categories.forEach((v, k) => {
					$('.allCategories').append(`<option value="${k}" >${v}</option>`);
				})
			},
			error: function(err) {
				console.log('加载失败:', err)
			}
		})
	}
	loadAllArticle();

	// 按分类id获取文章列表
	function loadArticle(id) {
		$.ajax(baseURL + `/posts/${id}`, {
			success: function(res) {
				//格式化日期
				const tempCreateAt = res.createAt.slice(0, 10)
				res.createAt = tempCreateAt;

				const htmlStr = template('templateAllArticleTr', {
					'results': res,
					'baseURL': baseURL
				});
				$('tbody').html(htmlStr);
			},
			error: function(err) {
				console.log(err);
			}
		})
	}

	//筛选
	$('.btn-filter').click(function() {
		//分类id
		const categoryID = $('.allCategories option:selected').val();

		//状态value，在模板中判断..........
		const stateValue = $('.status option:selected').val();

		if (categoryID === 'all') {
			// alert('filter all')
			loadAllArticle();
		} else {
			// alert('filter ',categoryID)
			loadArticle(categoryID);
		}
	})

})
